<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>系统登录</title>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/logo.ico" type="image/x-icon" />
<link rel=stylesheet type=text/css href="${pageContext.request.contextPath}/css/login.css"/>
<script type='text/javascript' src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
<script type='text/javascript' src="${pageContext.request.contextPath}/js/softkeyboard.js"></script>
</head>
<body  onload='document.f.j_username.focus();'>
<div style="width: 100%;padding:10px 0x 10px 0px; background: transparent;" align="right">
	<a href="${pageContext.request.contextPath}/jsp/security/registry.jsp">注册</a>
</div>	
<div class="cent">
    <div class='logo'>
    	<br/>
    	<div align="right">
    		<font color=blue>
    			<span style="font: italic bolder 30pt 黑体;">Supply Chain Management&nbsp;
    			</span>
    		</font>
    	</div>
        <div id='cy'>Copyright &copy; 2010 HerySoft Company | All Rights Reserved<br/>Contact <a href="mailto:service@herysoft.com">HerySoft</a> </div>
    </div>
    <div class='login'>
    	<form name='f' action='${pageContext.request.contextPath}/j_spring_security_check' method="post">
            <label> &nbsp;</label>
            <label>UserName：</label>
            <input id='username' type='text'  class='pass'  name='j_username'/>

           	<div style="margin-top: 5px;">PassWord：
            <a id="softkeyboardA" href="#"><img border=0 alt="使用软键盘" align="top" src="${pageContext.request.contextPath}/images/login/icon/compass-login.gif"/></a>
            <div id="capStatus" class="caps"><img alt="大写" src="${pageContext.request.contextPath}/images/login/capslock.gif"/></div>
           	</div>
            <input id='loginpassword' class='pass' type='password' name='j_password'/>
            <div class='sub' align="center">
                <button id='sub' name='submit' type='submit'><img title='登录' alt='登录' src="${pageContext.request.contextPath}/images/login/login_button.gif"/></button>
            </div>

            <% String errorCode=request.getParameter("errorCode");%>
	
			<% 
				if(errorCode!=null){
			%>
				<br/><br/><div  class="errorMessage" align="center"><b>
				<% if(errorCode.equals("1")){ %>
				用户名密码错误！
				<%} else if(errorCode.equals("2")){%>
					超时或者已经退出,<br/>请重新登录！
				<%} else{%>
				用户名密码错误！
				<%} %>
				</b></div>
			<%} %>

        </form>
    </div>
</div>
<div style="Z-INDEX: 180; POSITION: absolute; DISPLAY: none" id='softkeyboard' align='center'>
<br/>
    <table border='0' cellspacing='0' cellpadding='0' width='273'>
        <tbody>
            <tr>
                <td bgcolor=#989898><table border=0 cellspacing=1 cellpadding=0 width="100%">
                        <tbody>
                            <tr>
                                <td bgcolor=#ffffff><table border=0 cellspacing=0 cellpadding=0 width="100%">
                                        <tbody>
                                            <tr>
                                                <td height=138 align="center"><table border=0 cellspacing=0 cellpadding=0 width=262>
                                                        <tbody>
                                                            <tr>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">#</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">,</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">.</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">/</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">5</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">c</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">1</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">o</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">x</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">6</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">a</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">h</td>
                                                            </tr>
                                                            <tr>
                                                                <td height=2 colspan=12><img src="${pageContext.request.contextPath}/images/login/password/transparent.gif"/></td>
                                                            </tr>
                                                            <tr>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">3</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">p</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">w</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">j</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">u</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">d</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">m</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">i</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">b</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">t</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">0</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">l</td>
                                                            </tr>
                                                            <tr>
                                                                <td height=2 colspan=12><img src="${pageContext.request.contextPath}/images/login/password/transparent.gif"/></td>
                                                            </tr>
                                                            <tr>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">v</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">q</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">e</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">g</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">k</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">f</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">n</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">r</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">4</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">2</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">7</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">s</td>
                                                            </tr>
                                                            <tr>
                                                                <td height=2 colspan=12><img src="${pageContext.request.contextPath}/images/login/password/transparent.gif"/></td>
                                                            </tr>
                                                            <tr>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">y</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">9</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">8</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">z</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">`</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">-</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">=</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">@</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">[</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">]</td>
                                                                <td style="CURSOR: pointer" height=24 class="btn09" width=22 align="center">;</td>
                                                                <td height=24 class="btn12" width=22 align="center"><img src="${pageContext.request.contextPath}/images/login/password/transparent.gif"/></td>
                                                            </tr>
                                                            <tr>
                                                                <td height=2 colspan=12 align=right><img src="${pageContext.request.contextPath}/images/login/password/login11.gif"/></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table border=0 cellspacing=0 cellpadding=0 width=262>
                                                        <tbody>
                                                            <tr>
                                                                <td id="btncapsLock" style="CURSOR: pointer" height=24 class="btn10" width=82 align="center">Caps Lock</td>
                                                                <td id="btnSpace" style="CURSOR: pointer" class="btn10b" width=48 align="center">Space</td>
                                                                <td id="btnBackSpace" style="CURSOR: pointer" class="btn10c" width=86 align="center">BackSpace</td>
                                                                <td id="btnEnter" style="CURSOR: pointer" class="btn10d" width=48 align="center"><font color=#cc0000>Enter</font></td>
                                                            </tr>
                                                        </tbody>
                                                    </table></td>
                                            </tr>
                                            <tr></tr>
                                        </tbody>
                                    </table></td>
                            </tr>
                        </tbody>
                    </table></td>
            </tr>
        </tbody>
    </table>
</div>
</body>
</html>

